let data = {
    pagenum: 1,
    pagesize: 2
}

function fff() {
    $.ajax({
        url: "/my/article/list",
        data: data,
        success: function(res) {
            if (res.status === 0) {
                let str = ''
                res.data.forEach(function(item) {
                    str += `<tr>
                <td>${item.title}</td>
                <td>${item.cate_name}</td>
                <td>${item.pub_date}</td>
                <td>${item.state}</td>
                <td>
                    <button type="button" class="layui-btn layui-btn-xs">编辑</button>
                    <button type="button" class="layui-btn layui-btn-danger layui-btn-xs">删除</button>
                </td>`
                })
                $('tbody').html(str)
                ooo(res.total)
            }

        }

    })
}
fff()


function ooo(t) {
    let laypage = layui.laypage;

    //执行一个laypage实例
    laypage.render({
        elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
            ,
        count: t, //数据总数，从服务端得到
        limit: data.pagesize,
        limits: [10, 20, 30, 40, 50],
        curr: data.pagenum,
        layout: ['limit', 'prev', 'page', 'next', 'count', 'skip'],
        jump: function(obj, first) {
            //obj包含了当前分页的所有参数，比如：
            // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
            // console.log(obj.limit); //得到每页显示的条数

            //首次不执行
            if (!first) {
                //do something
                data.pagenum = obj.curr;
                data.pagesize = obj.limit;
                fff()

            }
        }
    });

    // });
}
$('#search').on('submit', function(e) {
    e.preventDefault();
    // 获取两个下拉框的值
    let cate_id = $('#cate_id').val();
    let state = $('#state').val();

    // 添加请求参数
    if (cate_id) {
        data.cate_id = cate_id;
    } else {
        delete data.cate_id; // delete用于删除对象的属性
    }

    if (state) {
        data.state = state;
    } else {
        delete data.state;
    }

    // 重置 pagenum ，筛选之后，从第一页开始浏览数据
    data.pagenum = 1;

    // 发送请求，重新获取数据，重新渲染
    renderArticle();
})